<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Yozora's Blog的回复通知</title>
</head>
<body>

<div style="border-radius: 10px 10px 10px 10px;
	font-size:13px;
	color: #555555;
	width: 666px;
	margin:50px auto;
	border:1px solid #eee;
	max-width:100%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);">
    <!-- head -->
    <div style="width:100%;
		color:#ffffff;
		border-radius: 10px 10px 0 0;
		background-image: -moz-linear-gradient(0deg, rgb(40, 207, 207), rgb(255, 209, 244));
		background-image: -webkit-linear-gradient(0deg, rgb(40, 207, 207), rgb(255, 209, 244));
		height: 66px;">
        <p style="font-size:15px;
			word-break:break-all;
			padding: 23px 32px;
			margin:0;
			background-color: hsla(0,0%,100%,.4);
			border-radius: 10px 10px 0 0;
			color:#257db9">
            您在<a style="text-decoration:none;color:#257db9" href="http://localhost:8080" rel="noopener" target="_blank">
            「Yozora's Blog」</a>上的留言有新回复啦！
        </p>
    </div>
    <div style="margin:40px auto;width:90%">
        <p>亲爱的 <span style="color:#56daec" th:text="${parentComment.user.nickname}"></span> 同学，您曾在该页面/文章：</p>
        <div style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		margin:20px 0px;padding:15px;
		border-radius:5px;font-size:14px;
		color:#555555;">
            <a th:href="@{http://localhost:8080/blog/{id}(id=${comment.blogId})}"
               th:text="'http://localhost:8080/blog/' + ${comment.blogId}" rel="noopener" target="_blank">
            </a>
        </div>
        <p>发布了以下评论：</p>
        <div style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		margin:20px 0px;
		padding:15px;
		border-radius:5px;
		font-size:14px;color:#555555;">
            <b><p th:utext="${parentComment.content}">内容</p></b>
        </div>
        <p>刚刚，用户 <span style="color:#56daec" th:text="${comment.user.nickname}"></span> 给您的回复如下：</p>
        <div style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		margin:20px 0px;
		padding:15px;
		border-radius:5px;
		font-size:14px;color:#555555;">
            <b><p>
		        <span style="color: #56daec">
			    @<span th:text="${parentComment.user.nickname}"></span> ,
		        </span>
                <span th:utext="${comment.content}">内容</span>
            </p></b>
        </div>
        <p>您可以点击
            <a style="text-decoration:none; color:#12addb"
               th:href="@{http://localhost:8080/blog/{id}(id=${comment.blogId})}"
               rel="noopener" target="_blank">查看回复的完整內容</a>
            ，欢迎再次光临
            <a style="text-decoration:none; color:#28cfcf"
               href="http://localhost:8080" rel="noopener" target="_blank"> Yozora's Blog</a>。
        </p>
    </div>
</div>

</body>
</html>